<template>
  <a-layout>
    <a-layout-header class="bg-white admin-content-header">
      <div class="col-4 admin-tiao-left">
        <span>查看校区</span>
      </div>
      <el-button-group class="col">
        <el-button type="primary" @click="$router.back()">返回</el-button>
      </el-button-group>
    </a-layout-header>
    <a-layout-content class="admin-content-table bg-white">
      <el-tabs v-model="activeName" style="padding:30px 15px 0 15px" id="tabs">
        <el-tab-pane label="经营概况" name="first">
          <management v-bind:ID="this.$route.params.ID"></management>
        </el-tab-pane>
        <el-tab-pane label="员工" name="second">
          <schoolteacher v-bind:ID="this.$route.params.ID"></schoolteacher>
        </el-tab-pane>
        <el-tab-pane label="学员" name="third">
          <getuser v-bind:ID="this.$route.params.ID"></getuser>
        </el-tab-pane>
        <el-tab-pane label="题库组" name="fourth">
          <group></group>
        </el-tab-pane>
        <el-tab-pane label="产品选用" name="fifth">
          <schoolcourse v-bind:ID="this.$route.params.ID"></schoolcourse>
        </el-tab-pane>
      </el-tabs>
    </a-layout-content>
  </a-layout>
</template>
<script>
import schoolteacher from "./school_teacher.vue";
import schoolcourse from "./school_course.vue";
import getuser from "./school_user";
import management from "./school_management.vue";
import group from "./school_group.vue";
export default {
  name: "school_left",
  props: ["ID"],
  data() {
    return {
      activeName: "first"
    };
  },
  components: {
    schoolteacher,
    schoolcourse,
    getuser,
    management,
    group
  }
};
</script>
<style scoped>
.el-button-group > .el-button:first-child:last-child {
  float: right;
}

.el-tabs {
  overflow: auto;
}
.el-tabs__item {
  padding: 0 25px;
}
</style>
